<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/cart.css">
    <script src="./js/libs/jquery-1.12.3.js"></script>
    <script src="./js/libs/jquery.cookie.js"></script>
    <script src="./js/animate.tools.js"></script>
    <script src="./js/libs/layer/layer.js"></script>

    <script src="./js/cart.js"></script>
</head>

<body>
    <section id="header" class="header">
        <div class="topCon clearFixed">

            <a href="javascript:void(0)" class="toIndex"><img class="fl" src="./images/cartPic/logo.jpg" alt=""></a>
            <div class="topTxt fr">
                <div class="txt1">
                    <a href="javaScript:void(0)">注册</a>|<a href="javaScript:void(0)">登录</a>
                    <span>晚上好,欢迎来新蛋购物!</span>
                    <img src="./images/cartPic/call.jpg" alt="">
                </div>
                <div class="txt2">
                    <p>江浙沪部分地区49元包邮，全国部分地区199元包邮。<a href="">查看详情</a></p>
                </div>
            </div>
        </div>
    </section>
    <section id="main" class="main">
        <div class="mainstepCon">
            <div class="steps">
                <div class="step1">
                    <span class="dot active"></span>
                    <span>购物车</span>
                </div>
                <div class="step2">
                    <span class="dot"></span>
                    <span>确认订单</span>
                </div>
                <div class="step3">
                    <span class="dot"></span>
                    <span>提交成功</span>
                </div>
            </div>

        </div>
        <div class="myCart clearFixed">
            <div class="goodsLeft fl">
                <h4>我的购物车</h4>
                <p class="nothing">您的购物车内尚未添加产品, 请尽情在新蛋网选购您要购买的产品吧!<a>继续购物>></a> 祝您购物愉快!</p>
                <div class="cartthing">
                    <table style="width:770px">
                        <thead>
                            <tr>
                                <td><input type="checkbox" id="all">全选</td>
                                <td style="width:355px">商品名称</td>
                                <td>单价</td>
                                <td>数量</td>
                                <td>小计</td>
                                <td>操作</td>
                            </tr>
                        </thead>
                        <tbody id="tab">

                        </tbody>
                    </table>

                </div>

            </div>
            <div class="line"></div>
            <div class="account fl">
                <table>
                    <tbody>
                        <tr>
                            <td>
                                <h4>购物车结算</h4>
                            </td>
                        </tr>
                    </tbody>
                    <tbody id="addCount">
                        <tr>
                            <td>
                                <div class="accountCon">
                                    <div class="price">
                                        <p class="amount">金额: <span class="totalPrice">0</span></p>
                                        <p class="total">合计:<span class="totalPrice">0</span></p>
                                    </div>
                                    <div class="toAccount">立刻结账</div>
                                    <div class="continue-shop">
                                        <a href="./index.html">继续购物&gt;</a>
                                        <a href="javascript:void(0)" class="tomore">凑单推荐&gt;</a>
                                    </div>
                                </div>

                            </td>
                        </tr>
                    </tbody>
                </table>

                <!-- <h4>购物车结算</h4>
                <div class="accountCon">
                    <div class="price">
                        <p class="amount">金额 <span class="price"></span></p>
                        <p class="total">合计<span class="price"></span></p>
                    </div>
                    <div class="toAccount">立刻结账</div>
                    <div class="continue-shop">
                        <a href="javascript:void(0)">继续购物</a>
                    </div>
                </div>-->
            </div>

        </div>
        <div class=" crazyShop">
            <h4>疯抢商品</h4>
            <div class="goods">
                <div class="good">
                    <p class="img">
                        <img src="./images/cartPic/hot1.jpg" alt="">
                    </p>
                    <p class="details">
                        <a href="">352 X80C 空气净化器 家用 卧室 客厅 PM2.5 除雾霾 甲醛 净化器</a>
                    </p>
                    <p class="price">￥1699.00</p>
                    <p class="tocart">加入购物车</p>
                </div>
                <div class="good">
                    <p class="img">
                        <img src="./images/cartPic/hot2.jpg" alt="">
                    </p>
                    <p class="details">
                        <a href="">DESPICABLE ME MINION MADE 神偷奶爸小黄人玻璃水杯 MN-JBLB37</a>
                    </p>
                    <p class="price">￥78.00</p>
                    <p class="tocart">加入购物车</p>
                </div>
                <div class="good">
                    <p class="img">
                        <img src="./images/cartPic/hot3.jpg" alt="">
                    </p>
                    <p class="details">
                        <a href="">DESPICABLE ME MINION MADE 神偷奶爸小黄人马克对杯 MN-JMKD40-2 黄色</a>
                    </p>
                    <p class="price">￥88.00</p>
                    <p class="tocart">加入购物车</p>
                </div>
                <div class="good">
                    <p class="img">
                        <img src="./images/cartPic/hot4.jpg" alt="">
                    </p>
                    <p class="details">
                        <a href="">DESPICABLE ME MINION MADE 神偷奶爸小黄人儿童真空保温杯 MN-JETH60 黄色</a>
                    </p>
                    <p class="price">￥188.00</p>
                    <p class="tocart">加入购物车</p>
                </div>
                <div class="good">
                    <p class="img">
                        <img src="./images/cartPic/hot5.jpg" alt="">
                    </p>
                    <p class="details">
                        <a href="">REMAX 酷彩2U电源适配器 双口手机充电器 平板移动电源充电头 苹果安卓通用 3.4A 黑黄</a>
                    </p>
                    <p class="price">￥39.90</p>
                    <p class="tocart">加入购物车</p>
                </div>
            </div>
        </div>
    </section>
    <section id="footer" class="footer">
        <p><a href="">新蛋集团网站：</a>
            <a href="">美国新蛋</a>
            <a href="">中国新蛋</a>
            <a href="">加拿大新蛋</a>
            <a href="">新蛋软件</a></p>
        <p>&copy;2001-2019 新蛋商贸（上海）有限公司 版权所有 沪ICP备:16033615</p>
    </section>
</body>

</html>